<template>
  <A></A>
  <B></B>
</template>

<script>
import A from './components/A.vue';
import B from './components/B.vue';

export default {
  components: {
    A,
    B
  },
  methods: {},
  data() {
    return {
      name: "mikaisa",
    };
  },
};
</script>

<style scoped>
.root {
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: flex-start;
}

div {
  height: 100px;
}
</style>

<style>
* {
  margin: 0;
  padding: 0;
}
</style>
